.control {
    height: 1080px;

    i {
        font-size: 30px;
    }

    .station {
        float  : left;
        width  : calc(100% - 24px);
        padding: 10px;
        margin : 12px 12px 0 12px;

        .wrap {
            float : left;
            margin: 0 10px 0 0;

            span {
                font-size    : 16px;
                line-height  : 32px;
                padding-right: 30px;
                display      : inline-block;
            }

            .name {
                float        : left;
                padding-right: 0;
            }
        }

    }

    .title {
        color     : #5fb0f9;
        padding   : 10px 0;
        text-align: center;
        font-size : 20px;
    }

    .m020 {
        margin: 0 20px;
    }

    .m0 {
        margin: 0;
    }

    .mnl {
        margin    : 2px 12px;
        background: #272946;
        padding   : 10px;
        position  : relative;
    }

    .tl {
        text-align: left;
    }

    .tr {
        text-align: right;
    }

    button {
        i {
            font-size: 16px;
        }
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    ul,
    li,
    ul li {
        list-style-type: none;
        padding        : 0;
        margin         : 0;
    }

    li:nth-of-type(even) {
        background: #e8e8e8;
    }

    .listTabs {
        margin: 0 12px 12px 12px;
        height: 325px;
    }

    .button {
        text-align: right;
        height    : 28px;

        span {
            padding      : 0 10px;
            border-radius: 5px;
            display      : inline-block;
            background   : #3a61b6;
            color        : #fff;
            line-height  : 28px;
            cursor       : pointer;
        }
    }

    .menu {
        margin-top: 10px;
        font-size : 16px;
    }

    .menu,
    .list {
        span {
            display    : inline-block;
            line-height: 30px;
            text-indent: 5px;
            text-align : center;
        }

        &.jxjl {
            span {
                width: 33.333%;
            }
        }

        &.gzxx,
        &.bjal {
            span {
                width: 20%;
            }
        }

        &.wtjl {
            span {
                width: 25%;
            }
        }
    }

    .warning {
        width        : 10px;
        height       : 10px;
        display      : inline-block;
        border-radius: 50%;
    }

    .warnwrap {
        text-align: left;
        width     : 50%;
        padding   : 6px 0 0 0;
    }

    .w1 {
        background: #ef4545;
    }

    .w2 {
        background: #efa945;
    }

    .w3 {
        background: #4579ef;
    }

    .list {
        li {
            span {
                line-height: 30px;
            }

            &:hover {
                background: #1890ff;

                span {
                    color: #fff;
                }
            }

            b {
                width        : 10px;
                height       : 10px;
                display      : inline-block;
                border-radius: 50%;
            }
        }
    }

    .emergency {
        float      : left;
        margin-left: 10px;
        padding    : 0 10px;
        border     : 1px solid #f25353;
        background : #eb2324;
        font-size  : 16px;
        height     : 34px;
    }
}



:host ::ng-deep {

    .name.ng-star-inserted,
    .nav>li>a.nav-sub-title {
        overflow     : hidden;
        text-overflow: ellipsis;
        white-space  : nowrap;
    }

    .listTabs .ant-tabs-tab.ng-star-inserted {
        font-size: 16px;
    }

    .listTabs .ant-tabs-tab.ng-star-inserted span {
        float      : left;
        margin     : 0 0 0 5px;
        line-height: 26px;
    }

    .listTabs .ant-tabs-tab.ng-star-inserted i {
        float: left;
    }

}